<template>
<svg :style="{width,height}">
  <use :xlink:href="prefix + name" :fill="color"></use>
</svg>
<div></div>

</template>

<script setup lang='ts'>
defineProps({
    //接受属性值前缀
    prefix:{
        type:String,
        default:"#icon-"
    },
    //图标名字
    name:String,
    //图标颜色
    color:{
        type:String,
        default:''
    },
    //图标宽度
    width:{
        type:String,
        default:'16px'
    },
    //图标高度
    height:{
        type:String,
        default:'16px'
    }

})

</script>
<style scoped>

</style>